@use './base.scss';
@use './font.scss';

html,
body,
#app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  min-width: 400px;
  background-color: #f0f2f5;
}

* {
  font-family: 'harmony-sans', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/* 自定义滚动条 */
html::-webkit-scrollbar {
  width: 6px; /* 滚动条的宽度 */
  height: 6px;
}

html::-webkit-scrollbar-track {
  background: #ffffff00; /* 滚动条轨道的背景色 */
}

html::-webkit-scrollbar-thumb {
  background: #c5c5c5; /* 滚动条拇指的背景色 */
  border-radius: 6px; /* 滚动条拇指的圆角 */
}

html::-webkit-scrollbar-thumb:hover {
  background: #3e3e3e8e; /* 滚动条拇指在鼠标悬停时的背景色 */
}

.card-shadow {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.iScroll::-webkit-scrollbar {
  width: 6px; /* 滚动条的宽度 */
  height: 6px;
}

.iScroll::-webkit-scrollbar-track {
  background: #ffffff00; /* 滚动条轨道的背景色 */
}

.iScroll::-webkit-scrollbar-thumb {
  background: #c5c5c5; /* 滚动条拇指的背景色 */
  border-radius: 6px; /* 滚动条拇指的圆角 */
}

.iScroll::-webkit-scrollbar-thumb:hover {
  background: #3e3e3e8e; /* 滚动条拇指在鼠标悬停时的背景色 */
}

.el-overlay-dialog::-webkit-scrollbar {
  width: 9px; /* 滚动条的宽度 */
  height: 9px;
}

.el-overlay-dialog::-webkit-scrollbar-track {
  background: #ffffff00; /* 滚动条轨道的背景色 */
}

.el-overlay-dialog::-webkit-scrollbar-thumb {
  background: #00000094; /* 滚动条拇指的背景色 */
  border-radius: 6px; /* 滚动条拇指的圆角 */
}

.el-overlay-dialog::-webkit-scrollbar-thumb:hover {
  background: #ffffff; /* 滚动条拇指在鼠标悬停时的背景色 */
}
